section {
  position: relative;
  .pue-header {
    height: 50px;
    line-height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #F2F2F2;


    p{
      color: #5C6066;
      font-size: 14px;
      font-weight: 700;

      span{
        margin-left: 12px;
        font-size: 11px;
        color:#AEAEAE;
        font-style: italic;
        font-weight: normal;

        &:hover {
          color: #1C9DD6;
        }
      }
    }
    .pue-action{

      display: flex;
      flex-direction: row;
      align-items: center;

      .form-group{
        margin: 0 13px;
        select{
          &:hover{
            cursor: pointer;
          }
        }
      }

      i {
        font-size: 18px;
        cursor: pointer;
        &:hover{
          color: #4285F4;
        }
      }

      .btn-default{
        &:hover{
          cursor: pointer;
          color: white;
          background: #4285F4;
        }
      }

    }


  }

  .pue-con {
    display: flex;
    flex-direction: row;
    height: 260px;
    .gauge{
      width: 32%;
      height: 100%;
    }
    .line-chart{
      width: 68%;
      height: 100%;
    }
  }
}
